<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>入门案例</title>
	</head>
	<body>
		 <div id="app">
			 <!-- 规则说明：
			  1. {{msg}} 当页面没有渲染成功时，以原标签展现
			  2. v-text 当页面没有渲染完成，则不予展现
			  3. v-html 将html代码片段 渲染展现
			  -->
			 <h1>{{msg}}</h1>
			 <!-- 1. v-text -->
			 <h1 v-text="msg"></h1>
			 <!-- 2. v-html -->
			 <div v-html="div"></div>
		 </div>
		 <script src="../js/vue.js"></script>
		 <script>
			 const app = new Vue({
				 el: "#app",
				 data: {
					 msg: "vue入门案例 哈哈哈",
					 div: "<h3>我是一个标题标签</h3>"
				 }
			 });
		 </script>
	</body>
</html>
